<template>
    <div class="bottom">
        <div class="item">
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            @Copyright CoderLwy 2022
            <br>
            Welcome to my homepage of Gitee &
            <a href="https://gitee.com/coderlwy/dashboard/projects" target="_blank">
            My Gitee Blog
            </a>
        </div>
    </div>
</template>

<script>
export default {
    name:"Bottom"
}
</script>

<style scoped>
    .bottom{
        background-color:#2F6F52;
        height: 70px;
        display: flex;
        justify-content: center;
        /* 垂直居中 */
        align-items: center;
        color: white;
    }
    .item{opacity: 0.8;}
    a{color: white;text-decoration: underline;}
    a:hover{color: blue;}
</style>